﻿/*重置样式*/
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
body { margin: 0; }
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */ display: block; }
audio,
canvas,
progress,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template, /* 1 */
[hidden] { display: none; }
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
a:active,
a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
b,
strong { font-weight: inherit; }
b,
strong { font-weight: bolder; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
code,
kbd,
pre,
samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
button,
input,
select,
textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }
optgroup { font-weight: bold; }
button,
input { /* 1 */ overflow: visible; }
button,
select { /* 1 */ text-transform: none; }
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] { -webkit-appearance: button; /* 2 */ }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
textarea { overflow: auto; }
[type="checkbox"],
[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/*基础类库*/
/*背景颜色*/
/*常见十六进制背景*/
.monk-background-color-333 { background-color: #333; }
.monk-background-color-444 { background-color: #444; }
.monk-background-color-666 { background-color: #666; }
.monk-background-color-999 { background-color: #999; }
.monk-background-color-ccc { background-color: #ccc; }
.monk-background-color-eee { background-color: #eee; }
.monk-background-color-f4f4f4 { background-color: #f4f4f4; }
.monk-background-color-f5f5f5 { background-color: #f5f5f5; }
.monk-background-color-f8f8f8 { background-color: #f8f8f8; }
.monk-background-color-dedede { background-color: #dedede; }
.monk-background-color-e6e6e6 { background-color: #e6e6e6; }
/*常见英文背景颜色*/
.monk-background-color-black { background-color: black; }
.monk-background-color-white { background-color: white; }
.monk-background-color-red { background-color: red; }
.monk-background-color-blue { background-color: blue; }
.monk-background-color-pink { background-color: pink; }
.monk-background-color-yellow { background-color: yellow; }
.monk-background-color-gray { background-color: gray; }
/*常见十六进制背景颜色*/
/*turquoise*/
.monk-background-color-turquoise,
.monk-background-color-turquoise-mouse { background-color: #1ABC9C; }
.monk-background-color-turquoise-mouse:active,
.monk-background-color-turquoise-mouse:hover,
.monk-background-color-turquoise-high { background-color: #1dd2af; }
/*emerland*/
.monk-background-color-emerland,
.monk-background-color-emerland-mouse { background-color: #2ECC71; }
.monk-background-color-emerland-mouse:active,
.monk-background-color-emerland-mouse:hover,
.monk-background-color-emerland-high { background-color: #40d47e; }
/*peterRiver*/
.monk-background-color-peterRiver,
.monk-background-color-peterRiver-mouse { background-color: #3498DB; }
.monk-background-color-peterRiver-mouse:active,
.monk-background-color-peterRiver-mouse:hover,
.monk-background-color-peterRiver-high { background-color: #4aa3df; }
/*amethyst*/
.monk-background-color-amethyst,
.monk-background-color-amethyst-mouse { background-color: #9B59B6; }
.monk-background-color-amethyst-mouse:active,
.monk-background-color-amethyst-mouse:hover,
.monk-background-color-amethyst-high { background-color: #a66bbe; }
/*wetAsphalt*/
.monk-background-color-wetAsphalt,
.monk-background-color-wetAsphalt-mouse { background-color: #34495E; }
.monk-background-color-wetAsphalt-mouse:active,
.monk-background-color-wetAsphalt-mouse:hover,
.monk-background-color-wetAsphalt-high { background-color: #3d566e; }
/*greenSea*/
.monk-background-color-greenSea,
.monk-background-color-greenSea-mouse { background-color: #16A085; }
.monk-background-color-greenSea-mouse:active,
.monk-background-color-greenSea-mouse:hover,
.monk-background-color-greenSea-high { background-color: #19b698; }
/*nephritis*/
.monk-background-color-nephritis,
.monk-background-color-nephritis-mouse { background-color: #27AE60; }
.monk-background-color-nephritis-mouse:active,
.monk-background-color-nephritis-mouse:hover,
.monk-background-color-nephritis-high { background-color: #2cc36b; }
/*belizeHole*/
.monk-background-color-belizeHole,
.monk-background-color-belizeHole-mouse { background-color: #2980B9; }
.monk-background-color-belizeHole-mouse:active,
.monk-background-color-belizeHole-mouse:hover,
.monk-background-color-belizeHole-high { background-color: #2e8ece; }
/*wisteria*/
.monk-background-color-wisteria,
.monk-background-color-wisteria-mouse { background-color: #8E44AD; }
.monk-background-color-wisteria-mouse:active,
.monk-background-color-belizeHolewisteria-mouse:hover,
.monk-background-color-wisteria-high { background-color: #9b50ba; }
/*midnightBlue*/
.monk-background-color-midnightBlue,
.monk-background-color-midnightBlue-mouse { background-color: #2C3E50; }
.monk-background-color-midnightBlue-mouse:active,
.monk-background-color-midnightBlue-mouse:hover,
.monk-background-color-midnightBlue-high { background-color: #354b60; }
/*sunFlower*/
.monk-background-color-sunFlower,
.monk-background-color-sunFlower-mouse { background-color: #F1C40F; }
.monk-background-color-sunFlower-mouse:active,
.monk-background-color-sunFlower-mouse:hover,
.monk-background-color-sunFlower-high { background-color: #f2ca27; }
/*carrot*/
.monk-background-color-carrot,
.monk-background-color-carrot-mouse { background-color: #E67E22; }
.monk-background-color-carrot-mouse:active,
.monk-background-color-carrot-mouse:hover,
.monk-background-color-carrot-high { background-color: #e98b39; }
/*alizarin*/
.monk-background-color-alizarin,
.monk-background-color-alizarin-mouse { background-color: #E74C3C; }
.monk-background-color-alizarin-mouse:active,
.monk-background-color-alizarin-mouse:hover,
.monk-background-color-alizarin-high { background-color: #ea6153; }
/*clouds*/
.monk-background-color-clouds,
.monk-background-color-clouds-mouse { background-color: #ECF0F1; }
.monk-background-color-clouds-mouse:active,
.monk-background-color-clouds-mouse:hover,
.monk-background-color-clouds-high { background-color: #fbfcfc; }
/*concrete*/
.monk-background-color-concrete,
.monk-background-color-concrete-mouse { background-color: #95A5A6; }
.monk-background-color-concrete-mouse:active,
.monk-background-color-concrete-mouse:hover,
.monk-background-color-concrete-high { background-color: #a3b1b2; }
/*orange*/
.monk-background-color-orange,
.monk-background-color-orange-mouse { background-color: #F39C12; }
.monk-background-color-orange-mouse:active,
.monk-background-color-orange-mouse:hover,
.monk-background-color-orange-high { background-color: #f4a62a; }
/*pumpkin*/
.monk-background-color-pumpkin,
.monk-background-color-pumpkin-mouse { background-color: #D35400; }
.monk-background-color-pumpkin-mouse:active,
.monk-background-color-pumpkin-mouse:hover,
.monk-background-color-pumpkin-high { background-color: #ec5e00; }
/*pomegranate*/
.monk-background-color-pomegranate,
.monk-background-color-pomegranate-mouse { background-color: #C0392B; }
.monk-background-color-pomegranate-mouse:active,
.monk-background-color-pomegranate-mouse:hover,
.monk-background-color-pomegranate-high { background-color: #d14233; }
/*silver*/
.monk-background-color-silver,
.monk-background-color-silver-mouse { background-color: #BDC3C7; }
.monk-background-color-silver-mouse:active,
.monk-background-color-silver-mouse:hover,
.monk-background-color-silver-high { background-color: #cbd0d3; }
/*asbestos*/
.monk-background-color-asbestos,
.monk-background-color-asbestos-mouse { background-color: #7F8C8D; }
.monk-background-color-asbestos-mouse:active,
.monk-background-color-silverasbestos-mouse:hover,
.monk-background-color-asbestos-high { background-color: #8c9899; }
/*背景透明*/
.monk-background-color-transparent { background: rgba(0,0,0,0); }
.monk-background-color-transparent-1 { background: rgba(0,0,0,0.1); }
.monk-background-color-transparent-2 { background: rgba(0,0,0,0.2); }
.monk-background-color-transparent-3 { background: rgba(0,0,0,0.3); }
.monk-background-color-transparent-4 { background: rgba(0,0,0,0.4); }
.monk-background-color-transparent-5 { background: rgba(0,0,0,0.5); }
.monk-background-color-transparent-6 { background: rgba(0,0,0,0.6); }
.monk-background-color-transparent-7 { background: rgba(0,0,0,0.7); }
.monk-background-color-transparent-8 { background: rgba(0,0,0,0.8); }
.monk-background-color-transparent-9 { background: rgba(0,0,0,0.9); }
/*元素透明*/
.monk-opacity-1 { opacity: 0.1; filter: Alpha(opacity=10); }
.monk-opacity-2 { opacity: 0.2; filter: Alpha(opacity=20); }
.monk-opacity-3 { opacity: 0.3; filter: Alpha(opacity=30); }
.monk-opacity-4 { opacity: 0.4; filter: Alpha(opacity=40); }
.monk-opacity-5 { opacity: 0.5; filter: Alpha(opacity=50); }
.monk-opacity-6 { opacity: 0.6; filter: Alpha(opacity=60); }
.monk-opacity-7 { opacity: 0.7; filter: Alpha(opacity=70); }
.monk-opacity-8 { opacity: 0.8; filter: Alpha(opacity=80); }
.monk-opacity-9 { opacity: 0.9; filter: Alpha(opacity=90); }
/*字体大小*/
.monk-font-size-12 { font-size: 12px; }
.monk-font-size-13 { font-size: 13px; }
.monk-font-size-14 { font-size: 14px; }
.monk-font-size-15 { font-size: 15px; }
.monk-font-size-16 { font-size: 16px; }
.monk-font-size-18 { font-size: 18px; }
.monk-font-size-20 { font-size: 20px; }
.monk-font-size-22 { font-size: 22px; }
.monk-font-size-24 { font-size: 24px; }
.monk-font-size-26 { font-size: 26px; }
.monk-font-size-28 { font-size: 28px; }
.monk-font-size-30 { font-size: 30px; }
.monk-font-size-32 { font-size: 32px; }
.monk-font-size-34 { font-size: 34px; }
.monk-font-size-36 { font-size: 36px; }
.monk-font-size-38 { font-size: 38px; }
.monk-font-size-40 { font-size: 40px; }
.monk-font-size-42 { font-size: 42px; }
.monk-font-size-44 { font-size: 44px; }
.monk-font-size-46 { font-size: 46px; }
.monk-font-size-48 { font-size: 48px; }
.monk-font-size-50 { font-size: 50px; }
/*背景颜色*/
/*常见十六进制字体颜色*/
.monk-font-color-333 { color: #333; }
.monk-font-color-444 { color: #444; }
.monk-font-color-666 { color: #666; }
.monk-font-color-999 { color: #999; }
.monk-font-color-ccc { color: #ccc; }
.monk-font-color-eee { color: #eee; }
.monk-font-color-f4f4f4 { color: #f4f4f4; }
.monk-font-color-f5f5f5 { color: #f5f5f5; }
.monk-font-color-f8f8f8 { color: #f8f8f8; }
.monk-font-color-dedede { color: #dedede; }
.monk-font-color-e6e6e6 { color: #e6e6e6; }
/*常见英文字体颜色*/
.monk-font-color-black { color: black; }
.monk-font-color-white { color: white; }
.monk-font-color-red { color: red; }
.monk-font-color-blue { color: blue; }
.monk-font-color-pink { color: pink; }
.monk-font-color-yellow { color: yellow; }
.monk-font-color-gray { color: gray; }
/*常见十六进制字体颜色*/
/*turquoise*/
.monk-font-color-turquoise { color: #1ABC9C; }
.monk-font-color-turquoise-high { color: #1dd2af; }
/*emerland*/
.monk-font-color-emerland { color: #2ECC71; }
.monk-font-color-emerland-high { color: #40d47e; }
/*peterRiver*/
.monk-font-color-peterRiver { color: #3498DB; }
.monk-font-color-peterRiver-high { color: #4aa3df; }
/*amethyst*/
.monk-font-color-amethyst { color: #9B59B6; }
.monk-font-color-amethyst-high { color: #a66bbe; }
/*wetAsphalt*/
.monk-font-color-wetAsphalt { color: #34495E; }
.monk-font-color-wetAsphalt-high { color: #3d566e; }
/*greenSea*/
.monk-font-color-greenSea { color: #16A085; }
.monk-font-color-greenSea-high { color: #19b698; }
/*nephritis*/
.monk-font-color-nephritis { color: #27AE60; }
.monk-font-color-nephritis-high { color: #2cc36b; }
/*belizeHole*/
.monk-font-color-belizeHole { color: #2980B9; }
.monk-font-color-belizeHole-high { color: #2e8ece; }
/*wisteria*/
.monk-font-color-wisteria { color: #8E44AD; }
.monk-font-color-wisteria-high { color: #9b50ba; }
/*midnightBlue*/
.monk-font-color-midnightBlue { color: #2C3E50; }
.monk-font-color-midnightBlue-high { color: #354b60; }
/*sunFlower*/
.monk-font-color-sunFlower { color: #F1C40F; }
.monk-font-color-sunFlower-high { color: #f2ca27; }
/*carrot*/
.monk-font-color-carrot { color: #E67E22; }
.monk-font-color-carrot-high { color: #e98b39; }
/*alizarin*/
.monk-font-color-alizarin { color: #E74C3C; }
.monk-font-color-alizarin-high { color: #ea6153; }
/*clouds*/
.monk-font-color-clouds { color: #ECF0F1; }
.monk-font-color-clouds-high { color: #fbfcfc; }
/*concrete*/
.monk-font-color-concrete { color: #95A5A6; }
.monk-font-color-concrete-high { color: #a3b1b2; }
/*orange*/
.monk-font-color-orange { color: #F39C12; }
.monk-font-color-orange-high { color: #f4a62a; }
/*pumpkin*/
.monk-font-color-pumpkin { color: #D35400; }
.monk-font-color-pumpkin-high { color: #ec5e00; }
/*pomegranate*/
.monk-font-color-pomegranate { color: #C0392B; }
.monk-font-color-pomegranate-high { color: #d14233; }
/*silver*/
.monk-font-color-silver { color: #BDC3C7; }
.monk-font-color-silver-high { color: #cbd0d3; }
/*asbestos*/
.monk-font-color-asbestos { color: #7F8C8D; }
.monk-font-color-asbestos-high { color: #8c9899; }
/*边框颜色*/
/*常见十六进制边框颜色*/
.monk-border-all-333 { border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.monk-border-all-444 { color: #444; border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.monk-border-all-666 { border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.monk-border-all-999 { border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.monk-border-all-ccc { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.monk-border-all-eee { border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.monk-border-all-f4f4f4 { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.monk-border-all-f5f5f5 { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.monk-border-all-f8f8f8 { border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; }
.monk-border-all-dedede { border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.monk-border-all-e6e6e6 { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/*常见英文边框颜色*/
.monk-border-all-black { color: black; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
.monk-border-all-white { border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; }
.monk-border-all-red { border-left: 1px solid red; border-right: 1px solid red; border-top: 1px solid red; border-bottom: 1px solid red; }
.monk-border-all-blue { border-left: 1px solid blue; border-right: 1px solid blue; border-top: 1px solid blue; border-bottom: 1px solid blue; }
.monk-border-all-pink { border-left: 1px solid pink; border-right: 1px solid pink; border-top: 1px solid pink; border-bottom: 1px solid pink; }
.monk-border-all-yellow { border-left: 1px solid yellow; border-right: 1px solid yellow; border-top: 1px solid yellow; border-bottom: 1px solid yellow; }
.monk-border-all-gray { color: gray; border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; border-bottom: 1px solid gray; }
/*常见十六进制边框颜色*/
/*turquoise*/
.monk-border-all-turquoise,
.monk-border-all-turquoise-mouse { border-left: 1px solid #1ABC9C; border-right: 1px solid #1ABC9C; border-top: 1px solid #1ABC9C; border-bottom: 1px solid #1ABC9C; }
.monk-border-all-turquoise-mouse:active,
.monk-border-all-turquoise-mouse:hover,
.monk-border-all-turquoise-high { border-left: 1px solid #1dd2af; border-right: 1px solid #1dd2af; border-top: 1px solid #1dd2af; border-bottom: 1px solid #1dd2af; }
/*emerland*/
.monk-border-all-emerland,
.monk-border-all-emerland-mouse { border-left: 1px solid #2ECC71; border-right: 1px solid #2ECC71; border-top: 1px solid #2ECC71; border-bottom: 1px solid #2ECC71; }
.monk-border-all-emerland-mouse:active,
.monk-border-all-emerland-mouse:hover,
.monk-border-all-emerland-high { border-left: 1px solid #40d47e; border-right: 1px solid #40d47e; border-top: 1px solid #40d47e; border-bottom: 1px solid #40d47e; }
/*peterRiver*/
.monk-border-all-peterRiver,
.monk-border-all-peterRiver-mouse { border-left: 1px solid #3498DB; border-right: 1px solid #3498DB; border-top: 1px solid #3498DB; border-bottom: 1px solid #3498DB; }
.monk-border-all-peterRiver-mouse:active,
.monk-border-all-peterRiver-mouse:hover,
.monk-border-all-peterRiver-high { border-left: 1px solid #4aa3df; border-right: 1px solid #4aa3df; border-top: 1px solid #4aa3df; border-bottom: 1px solid #4aa3df; }
/*amethyst*/
.monk-border-all-amethyst,
.monk-border-all-amethyst-mouse { border-left: 1px solid #9B59B6; border-right: 1px solid #9B59B6; border-top: 1px solid #9B59B6; border-bottom: 1px solid #9B59B6; }
.monk-border-all-amethyst-mouse:active,
.monk-border-all-amethyst-mouse:hover,
.monk-border-all-amethyst-high { border-left: 1px solid #a66bbe; border-right: 1px solid #a66bbe; border-top: 1px solid #a66bbe; border-bottom: 1px solid #a66bbe; }
/*wetAsphalt*/
.monk-border-all-wetAsphalt,
.monk-border-all-wetAsphalt-mouse { border-left: 1px solid #34495E; border-right: 1px solid #34495E; border-top: 1px solid #34495E; border-bottom: 1px solid #34495E; }
.monk-border-all-wetAsphalt-mouse:active,
.monk-border-all-wetAsphalt-mouse:hover,
.monk-border-all-wetAsphalt-high { border-left: 1px solid #3d566e; border-right: 1px solid #3d566e; border-top: 1px solid #3d566e; border-bottom: 1px solid #3d566e; }
/*greenSea*/
.monk-border-all-greenSea,
.monk-border-all-greenSea-mouse { border-left: 1px solid #16A085; border-right: 1px solid #16A085; border-top: 1px solid #16A085; border-bottom: 1px solid #16A085; }
.monk-border-all-greenSea-mouse:active,
.monk-border-all-greenSea-mouse:hover,
.monk-border-all-greenSea-high { border-left: 1px solid #19b698; border-right: 1px solid #19b698; border-top: 1px solid #19b698; border-bottom: 1px solid #19b698; }
/*nephritis*/
.monk-border-all-nephritis,
.monk-border-all-nephritis-mouse { border-left: 1px solid #27AE60; border-right: 1px solid #27AE60; border-top: 1px solid #27AE60; border-bottom: 1px solid #27AE60; }
.monk-border-all-nephritis-mouse:active,
.monk-border-all-nephritis-mouse:hover,
.monk-border-all-nephritis-high { border-left: 1px solid #2cc36b; border-right: 1px solid #2cc36b; border-top: 1px solid #2cc36b; border-bottom: 1px solid #2cc36b; }
/*belizeHole*/
.monk-border-all-belizeHole,
.monk-border-all-belizeHole-mouse { border-left: 1px solid #2980B9; border-right: 1px solid #2980B9; border-top: 1px solid #2980B9; border-bottom: 1px solid #2980B9; }
.monk-border-all-belizeHole-mouse:active,
.monk-border-all-belizeHole-mouse:hover,
.monk-border-all-belizeHole-high { border-left: 1px solid #2e8ece; border-right: 1px solid #2e8ece; border-top: 1px solid #2e8ece; border-bottom: 1px solid #2e8ece; }
/*wisteria*/
.monk-border-all-wisteria,
.monk-border-all-wisteria-mouse { border-left: 1px solid #8E44AD; border-right: 1px solid #8E44AD; border-top: 1px solid #8E44AD; border-bottom: 1px solid #8E44AD; }
.monk-border-all-wisteria-mouse:active,
.monk-border-all-belizeHolewisteria-mouse:hover,
.monk-border-all-wisteria-high { border-left: 1px solid #9b50ba; border-right: 1px solid #9b50ba; border-top: 1px solid #9b50ba; border-bottom: 1px solid #9b50ba; }
/*midnightBlue*/
.monk-border-all-midnightBlue,
.monk-border-all-midnightBlue-mouse { border-left: 1px solid #2C3E50; border-right: 1px solid #2C3E50; border-top: 1px solid #2C3E50; border-bottom: 1px solid #2C3E50; }
.monk-border-all-midnightBlue-mouse:active,
.monk-border-all-midnightBlue-mouse:hover,
.monk-border-all-midnightBlue-high { border-left: 1px solid #354b60; border-right: 1px solid #354b60; border-top: 1px solid #354b60; border-bottom: 1px solid #354b60; }
/*sunFlower*/
.monk-border-all-sunFlower,
.monk-border-all-sunFlower-mouse { border-left: 1px solid #F1C40F; border-right: 1px solid #F1C40F; border-top: 1px solid #F1C40F; border-bottom: 1px solid #F1C40F; }
.monk-border-all-sunFlower-mouse:active,
.monk-border-all-sunFlower-mouse:hover,
.monk-border-all-sunFlower-high { border-left: 1px solid #f2ca27; border-right: 1px solid #f2ca27; border-top: 1px solid #f2ca27; border-bottom: 1px solid #f2ca27; }
/*carrot*/
.monk-border-all-carrot,
.monk-border-all-carrot-mouse { border-left: 1px solid #E67E22; border-right: 1px solid #E67E22; border-top: 1px solid #E67E22; border-bottom: 1px solid #E67E22; }
.monk-border-all-carrot-mouse:active,
.monk-border-all-carrot-mouse:hover,
.monk-border-all-carrot-high { border-left: 1px solid #e98b39; border-right: 1px solid #e98b39; border-top: 1px solid #e98b39; border-bottom: 1px solid #e98b39; }
/*alizarin*/
.monk-border-all-alizarin,
.monk-border-all-alizarin-mouse { border-left: 1px solid #E74C3C; border-right: 1px solid #E74C3C; border-top: 1px solid #E74C3C; border-bottom: 1px solid #E74C3C; }
.monk-border-all-alizarin-mouse:active,
.monk-border-all-alizarin-mouse:hover,
.monk-border-all-alizarin-high { border-left: 1px solid #ea6153; border-right: 1px solid #ea6153; border-top: 1px solid #ea6153; border-bottom: 1px solid #ea6153; }
/*clouds*/
.monk-border-all-clouds,
.monk-border-all-clouds-mouse { border-left: 1px solid #ECF0F1; border-right: 1px solid #ECF0F1; border-top: 1px solid #ECF0F1; border-bottom: 1px solid #ECF0F1; }
.monk-border-all-clouds-mouse:active,
.monk-border-all-clouds-mouse:hover,
.monk-border-all-clouds-high { border-left: 1px solid #fbfcfc; border-right: 1px solid #fbfcfc; border-top: 1px solid #fbfcfc; border-bottom: 1px solid #fbfcfc; }
/*concrete*/
.monk-border-all-concrete,
.monk-border-all-concrete-mouse { border-left: 1px solid #95A5A6; border-right: 1px solid #95A5A6; border-top: 1px solid #95A5A6; border-bottom: 1px solid #95A5A6; }
.monk-border-all-concrete-mouse:active,
.monk-border-all-concrete-mouse:hover,
.monk-border-all-concrete-high { border-left: 1px solid #a3b1b2; border-right: 1px solid #a3b1b2; border-top: 1px solid #a3b1b2; border-bottom: 1px solid #a3b1b2; }
/*orange*/
.monk-border-all-orange,
.monk-border-all-orange-mouse { border-left: 1px solid #F39C12; border-right: 1px solid #F39C12; border-top: 1px solid #F39C12; border-bottom: 1px solid #F39C12; }
.monk-border-all-orange-mouse:active,
.monk-border-all-orange-mouse:hover,
.monk-border-all-orange-high { border-left: 1px solid #f4a62a; border-right: 1px solid #f4a62a; border-top: 1px solid #f4a62a; border-bottom: 1px solid #f4a62a; }
/*pumpkin*/
.monk-border-all-pumpkin,
.monk-border-all-pumpkin-mouse { border-left: 1px solid #D35400; border-right: 1px solid #D35400; border-top: 1px solid #D35400; border-bottom: 1px solid #D35400; }
.monk-border-all-pumpkin-mouse:active,
.monk-border-all-pumpkin-mouse:hover,
.monk-border-all-pumpkin-high { border-left: 1px solid #ec5e00; border-right: 1px solid #ec5e00; border-top: 1px solid #ec5e00; border-bottom: 1px solid #ec5e00; }
/*pomegranate*/
.monk-border-all-pomegranate,
.monk-border-all-pomegranate-mouse { border-left: 1px solid #C0392B; border-right: 1px solid #C0392B; border-top: 1px solid #C0392B; border-bottom: 1px solid #C0392B; }
.monk-border-all-pomegranate-mouse:active,
.monk-border-all-pomegranate-mouse:hover,
.monk-border-all-pomegranate-high { background-color: #d14233; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
/*silver*/
.monk-border-all-silver,
.monk-border-all-silver-mouse { border-left: 1px solid #BDC3C7; border-right: 1px solid #BDC3C7; border-top: 1px solid #BDC3C7; border-bottom: 1px solid #BDC3C7; }
.monk-border-all-silver-mouse:active,
.monk-border-all-silver-mouse:hover,
.monk-border-all-silver-high { border-left: 1px solid #cbd0d3; border-right: 1px solid #cbd0d3; border-top: 1px solid #cbd0d3; border-bottom: 1px solid #cbd0d3; }
/*asbestos*/
.monk-border-all-asbestos,
.monk-border-all-asbestos-mouse { background-color: #7F8C8D; border-left: 1px solid #7F8C8D; border-right: 1px solid #7F8C8D; border-top: 1px solid #7F8C8D; border-bottom: 1px solid #7F8C8D; }
.monk-border-all-asbestos-mouse:active,
.monk-border-all-silverasbestos-mouse:hover,
.monk-border-all-asbestos-high { border-left: 1px solid #8c9899; border-right: 1px solid #8c9899; border-top: 1px solid #8c9899; border-bottom: 1px solid #8c9899; }
/*链接下划线*/
.monk-text-decoration-underline { text-decoration: underline; }
.monk-text-decoration-solid { text-decoration: solid; }
.monk-text-decoration-dashed { text-decoration: dashed; }
.monk-text-decoration-dotted { text-decoration: dotted; }
.monk-text-decoration-none { text-decoration: none; }
/*文本换行处理*/
.monk-white-space-normal { white-space: normal; }
.monk-white-space-nowrap { white-space: nowrap; }
.monk-white-space-pre { white-space: pre; }
.monk-white-space-pre-line { white-space: pre-line; }
.monk-white-space-pre-wrap { white-space: pre-wrap; }
.monk-word-break-break-all { word-break: break-all; }
/*常见等宽宽度*/
.monk-width-col-1 { width: 100%; }
.monk-width-col-2 { width: 50%; }
.monk-width-col-3 { width: 33.33333333333333%; }
.monk-width-col-4 { width: 25%; }
.monk-width-col-5 { width: 20%; }
.monk-width-col-6 { width: 16.66666666666667%; }
/*列表预设标记符*/
.monk-list-style-none { list-style: none; }
.monk-list-style-square { list-style: square; }
.monk-list-style-circle { list-style: circle; }
.monk-list-style-disc { list-style: disc; }
.monk-list-style-decimal { list-style: decimal; }
.monk-list-style-lower-alpha { list-style: lower-alpha; }
.monk-list-style-upper-alpha { list-style: upper-alpha; }
.monk-list-style-upper-roman { list-style: upper-roman; }
.monk-list-style-lower-roman { list-style: lower-roman; }
/*元素行块*/
.monk-display-inline { display: inline; }
.monk-display-block { display: block; }
.monk-display-table { display: table; }
.monk-display-table-cell { display: table-cell; }
.monk-display-inline-block { display: inline-block; }
.monk-display-none { display: none; }
/*行块优先级最高*/
.monk-display-inline-important { display: inline !important; }
.monk-display-block-important { display: block !important; }
.monk-display-inline-block-important { display: inline-block !important; }
.monk-display-none-important { display: none !important; }
/* 元素定位 */
.monk-position-fixed { position: fixed; }
.monk-position-absolute { position: absolute; }
.monk-position-relative { position: relative; }
.monk-position-static { position: static; }
/*元素显示隐藏*/
.monk-visibility-hidden { visibility: hidden; }
.monk-visibility-visible { visibility: visible; }
/* 文字显示行数 */
.monk-text-line-1 { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; }
/* 文本对齐 */
.monk-text-align-center { text-align: center; }
.monk-text-align-left { text-align: left; }
.monk-text-align-right { text-align: right; }
/* 文本缩进 */
.monk-space-5 { text-indent: 5px; }
.monk-space-10 { text-indent: 10px; }
.monk-space-15 { text-indent: 15px; }
.monk-space-20 { text-indent: 20px; }
.monk-space-24 { text-indent: 24px; }
.monk-space-28 { text-indent: 28px; }
.monk-space-30 { text-indent: 30px; }
/*字体*/
.monk-font-family-arial { font-family: Arial; }
.monk-font-family-simsun { font-family: SimSun; }
.monk-font-family-yahei { font-family: 'Microsoft YaHei','微软雅黑'; }
/*图片，表格，表单等块元素与行元素对齐*/
.monk-vertical-align-middle { vertical-align: middle; }
.monk-vertical-align-top { vertical-align: top; }
.monk-vertical-align-bottom { vertical-align: bottom; }
/*常用超出隐藏，滚动条处理*/
.monk-overflow-visible, .monk-overflow-visible:after { overflow: visible; }
.monk-overflow-scroll, .monk-overflow-scroll :after { overflow: scroll; }
.monk-overflow-scrolling, .monk-overflow-scrolling:after { -webkit-overflow-scrolling: touch; overflow: scroll; }
.monk-overflow-hidden, .monk-overflow-hidden:after { overflow: hidden; }
.monk-overflow-auto, .monk-overflow-auto:after { overflow: auto; }
.monk-overflow-visible-important { overflow: visible !important; }
/*水平方向*/
.monk-overflow-x-visible, .monk-overflow-x-visible:after { overflow-x: visible; }
.monk-overflow-x-scroll, .monk-overflow-x-scroll:after { overflow-x: scroll; }
.monk-overflow-x-hidden, .monk-overflow-x-hidden:after { overflow-x: hidden; }
.monk-overflow-x-auto, .monk-overflow-x-auto:after { overflow-x: auto; }
/*垂直方向*/
.monk-overflow-y-visible, .monk-overflow-y-visible:after { overflow-y: visible; }
.monk-overflow-y-scroll, .monk-overflow-y-scroll:after { overflow-y: scroll; }
.monk-overflow-y-hidden, .monk-overflow-y-hidden:after { overflow-y: hidden; }
.monk-overflow-y-auto, .monk-overflow-y-auto:after { overflow-y: auto; }
/* 行高 */
.monk-line-height-0 { line-height: 0; }
.monk-line-height-18 { line-height: 18px; }
.monk-line-height-24 { line-height: 24px; }
.monk-line-height-26 { line-height: 26px; }
.monk-line-height-28 { line-height: 28px; }
.monk-line-height-default { line-height: 1.5; }
.monk-line-height-normal { line-height: normal; }
/*常见宽度*/
.monk-width-0 { width: 0; }
.monk-width-1 { width: 1px; }
.monk-width-2 { width: 2px; }
.monk-width-3 { width: 3px; }
.monk-width-4 { width: 4px; }
.monk-width-5 { width: 5px; }
.monk-width-8 { width: 8px; }
.monk-width-10 { width: 10px; }
.monk-width-16 { width: 16px; }
.monk-width-18 { width: 18px; }
.monk-width-20 { width: 20px; }
.monk-width-25 { width: 25px; }
.monk-width-30 { width: 30px; }
.monk-width-32 { width: 32px; }
.monk-width-40 { width: 40px; }
.monk-width-45 { width: 45px; }
.monk-width-50 { width: 50px; }
.monk-width-60 { width: 60px; }
.monk-width-70 { width: 70px; }
.monk-width-75 { width: 75px; }
.monk-width-80 { width: 80px; }
.monk-width-90 { width: 90px; }
.monk-width-100 { width: 100px; }
.monk-width-110 { width: 110px; }
.monk-width-120 { width: 120px; }
.monk-width-140 { width: 140px; }
.monk-width-150 { width: 150px; }
.monk-width-180 { width: 180px; }
.monk-width-200 { width: 200px; }
.monk-width-220 { width: 220px; }
.monk-width-240 { width: 240px; }
.monk-width-280 { width: 280px; }
.monk-width-320 { width: 320px; }
/*最小宽度*/
.monk-min-width-0 { min-width: 0; }
.monk-min-width-1 { min-width: 1px; }
.monk-min-width-2 { min-width: 2px; }
.monk-min-width-3 { min-width: 3px; }
.monk-min-width-4 { min-width: 4px; }
.monk-min-width-5 { min-width: 5px; }
.monk-min-width-8 { min-width: 8px; }
.monk-min-width-10 { min-width: 10px; }
.monk-min-width-16 { min-width: 16px; }
.monk-min-width-18 { min-width: 18px; }
.monk-min-width-20 { min-width: 20px; }
.monk-min-width-25 { min-width: 25px; }
.monk-min-width-30 { min-width: 30px; }
.monk-min-width-32 { min-width: 32px; }
.monk-min-width-40 { min-width: 40px; }
.monk-min-width-45 { min-width: 45px; }
.monk-min-width-50 { min-width: 50px; }
.monk-min-width-60 { min-width: 60px; }
.monk-min-width-70 { min-width: 70px; }
.monk-min-width-75 { min-width: 75px; }
.monk-min-width-80 { min-width: 80px; }
.monk-min-width-90 { min-width: 90px; }
.monk-min-width-100 { min-width: 100px; }
.monk-min-width-110 { min-width: 110px; }
.monk-min-width-120 { min-width: 120px; }
.monk-min-width-140 { min-width: 140px; }
.monk-min-width-150 { min-width: 150px; }
.monk-min-width-180 { min-width: 180px; }
.monk-min-width-200 { min-width: 200px; }
.monk-min-width-220 { min-width: 220px; }
.monk-min-width-240 { min-width: 240px; }
.monk-min-width-280 { min-width: 280px; }
.monk-min-width-320 { min-width: 320px; }
/*最大宽度*/
.monk-max-width-0 { max-width: 0; }
.monk-max-width-1 { max-width: 1px; }
.monk-max-width-2 { max-width: 2px; }
.monk-max-width-3 { max-width: 3px; }
.monk-max-width-4 { max-width: 4px; }
.monk-max-width-5 { max-width: 5px; }
.monk-max-width-8 { max-width: 8px; }
.monk-max-width-10 { max-width: 10px; }
.monk-max-width-16 { max-width: 16px; }
.monk-max-width-18 { max-width: 18px; }
.monk-max-width-20 { max-width: 20px; }
.monk-max-width-25 { max-width: 25px; }
.monk-max-width-30 { max-width: 30px; }
.monk-max-width-32 { max-width: 32px; }
.monk-max-width-40 { max-width: 40px; }
.monk-max-width-45 { max-width: 45px; }
.monk-max-width-50 { max-width: 50px; }
.monk-max-width-60 { max-width: 60px; }
.monk-max-width-70 { max-width: 70px; }
.monk-max-width-75 { max-width: 75px; }
.monk-max-width-80 { max-width: 80px; }
.monk-max-width-90 { max-width: 90px; }
.monk-max-width-100 { max-width: 100px; }
.monk-max-width-110 { max-width: 110px; }
.monk-max-width-120 { max-width: 120px; }
.monk-max-width-140 { max-width: 140px; }
.monk-max-width-150 { max-width: 150px; }
.monk-max-width-180 { max-width: 180px; }
.monk-max-width-200 { max-width: 200px; }
.monk-max-width-220 { max-width: 220px; }
.monk-max-width-240 { max-width: 240px; }
.monk-max-width-280 { max-width: 280px; }
.monk-max-width-320 { max-width: 320px; }
/*常见高度*/
.monk-height-0 { height: 0; }
.monk-height-1 { height: 1px; }
.monk-height-2 { height: 2px; }
.monk-height-3 { height: 3px; }
.monk-height-4 { height: 4px; }
.monk-height-5 { height: 5px; }
.monk-height-8 { height: 8px; }
.monk-height-10 { height: 10px; }
.monk-height-16 { height: 16px; }
.monk-height-18 { height: 18px; }
.monk-height-20 { height: 20px; }
.monk-height-25 { height: 25px; }
.monk-height-30 { height: 30px; }
.monk-height-32 { height: 32px; }
.monk-height-40 { height: 40px; }
.monk-height-45 { height: 45px; }
.monk-height-50 { height: 50px; }
.monk-height-55 { height: 55px; }
.monk-height-60 { height: 60px; }
.monk-height-70 { height: 70px; }
.monk-height-75 { height: 75px; }
.monk-height-80 { height: 80px; }
.monk-height-90 { height: 90px; }
.monk-height-100 { height: 100px; }
.monk-height-110 { height: 110px; }
.monk-height-120 { height: 120px; }
.monk-height-140 { height: 140px; }
.monk-height-150 { height: 150px; }
.monk-height-180 { height: 180px; }
.monk-height-200 { height: 200px; }
.monk-height-220 { height: 220px; }
.monk-height-240 { height: 240px; }
.monk-height-280 { height: 280px; }
.monk-height-320 { height: 320px; }
/*最小高度*/
.monk-min-height-0 { min-height: 0; }
.monk-min-height-1 { min-height: 1px; }
.monk-min-height-2 { min-height: 2px; }
.monk-min-height-3 { min-height: 3px; }
.monk-min-height-4 { min-height: 4px; }
.monk-min-height-5 { min-height: 5px; }
.monk-min-height-8 { min-height: 8px; }
.monk-min-height-10 { min-height: 10px; }
.monk-min-height-16 { min-height: 16px; }
.monk-min-height-18 { min-height: 18px; }
.monk-min-height-20 { min-height: 20px; }
.monk-min-height-25 { min-height: 25px; }
.monk-min-height-30 { min-height: 30px; }
.monk-min-height-32 { min-height: 32px; }
.monk-min-height-40 { min-height: 40px; }
.monk-min-height-45 { min-height: 45px; }
.monk-min-height-50 { min-height: 50px; }
.monk-min-height-60 { min-height: 60px; }
.monk-min-height-70 { min-height: 70px; }
.monk-min-height-75 { min-height: 75px; }
.monk-min-height-80 { min-height: 80px; }
.monk-min-height-90 { min-height: 90px; }
.monk-min-height-100 { min-height: 100px; }
.monk-min-height-110 { min-height: 110px; }
.monk-min-height-120 { min-height: 120px; }
.monk-min-height-140 { min-height: 140px; }
.monk-min-height-150 { min-height: 150px; }
.monk-min-height-180 { min-height: 180px; }
.monk-min-height-200 { min-height: 200px; }
.monk-min-height-220 { min-height: 220px; }
.monk-min-height-240 { min-height: 240px; }
.monk-min-height-280 { min-height: 280px; }
.monk-min-height-320 { min-height: 320px; }
/*最大高度*/
.monk-max-height-0 { max-height: 0; }
.monk-max-height-1 { max-height: 1px; }
.monk-max-height-2 { max-height: 2px; }
.monk-max-height-3 { max-height: 3px; }
.monk-max-height-4 { max-height: 4px; }
.monk-max-height-5 { max-height: 5px; }
.monk-max-height-8 { max-height: 8px; }
.monk-max-height-10 { max-height: 10px; }
.monk-max-height-16 { max-height: 16px; }
.monk-max-height-18 { max-height: 18px; }
.monk-max-height-20 { max-height: 20px; }
.monk-max-height-25 { max-height: 25px; }
.monk-max-height-30 { max-height: 30px; }
.monk-max-height-32 { max-height: 32px; }
.monk-max-height-40 { max-height: 40px; }
.monk-max-height-45 { max-height: 45px; }
.monk-max-height-50 { max-height: 50px; }
.monk-max-height-60 { max-height: 60px; }
.monk-max-height-70 { max-height: 70px; }
.monk-max-height-75 { max-height: 75px; }
.monk-max-height-80 { max-height: 80px; }
.monk-max-height-90 { max-height: 90px; }
.monk-max-height-100 { max-height: 100px; }
.monk-max-height-110 { max-height: 110px; }
.monk-max-height-120 { max-height: 120px; }
.monk-max-height-140 { max-height: 140px; }
.monk-max-height-150 { max-height: 150px; }
.monk-max-height-180 { max-height: 180px; }
.monk-max-height-200 { max-height: 200px; }
.monk-max-height-220 { max-height: 220px; }
.monk-max-height-240 { max-height: 240px; }
.monk-max-height-280 { max-height: 280px; }
.monk-max-height-320 { max-height: 320px; }
/*正方形*/
.monk-width-height-0 { width: 0; height: 0; }
.monk-width-height-1 { width: 1px; height: 1px; }
.monk-width-height-2 { width: 2px; height: 2px; }
.monk-width-height-3 { width: 3px; height: 3px; }
.monk-width-height-4 { width: 4px; height: 4px; }
.monk-width-height-5 { width: 5px; height: 5px; }
.monk-width-height-8 { width: 8px; height: 8px; }
.monk-width-height-10 { width: 10px; height: 10px; }
.monk-width-height-16 { width: 16px; height: 16px; }
.monk-width-height-18 { width: 18px; height: 18px; }
.monk-width-height-20 { width: 20px; height: 20px; }
.monk-width-height-25 { width: 25px; height: 25px; }
.monk-width-height-30 { width: 30px; height: 30px; }
.monk-width-height-32 { width: 32px; height: 32px; }
.monk-width-height-40 { width: 40px; height: 40px; }
.monk-width-height-45 { width: 45px; height: 45px; }
.monk-width-height-50 { width: 50px; height: 50px; }
.monk-width-height-60 { width: 60px; height: 60px; }
.monk-width-height-70 { width: 70px; height: 70px; }
.monk-width-height-75 { width: 75px; height: 75px; }
.monk-width-height-80 { width: 80px; height: 80px; }
.monk-width-height-90 { width: 90px; height: 90px; }
.monk-width-height-100 { width: 100px; height: 100px; }
.monk-width-height-110 { width: 110px; height: 110px; }
.monk-width-height-120 { width: 120px; height: 120px; }
.monk-width-height-140 { width: 140px; height: 140px; }
.monk-width-height-150 { width: 150px; height: 150px; }
.monk-width-height-180 { width: 180px; height: 180px; }
.monk-width-height-200 { width: 200px; height: 200px; }
.monk-width-height-220 { width: 220px; height: 220px; }
.monk-width-height-240 { width: 240px; height: 240px; }
.monk-width-height-280 { width: 280px; height: 280px; }
.monk-width-height-320 { width: 320px; height: 320px; }
/*宽高度100%*/
.monk-width-full { width: 100%; }
.monk-height-full { height: 100%; }
.monk-width-height-full { width: 100%; height: 100%; }
/*高度自动*/
.monk-height-auto { min-height: 0; height: auto; overflow: hidden; }
/*宽高度最大100%*/
.monk-max-width-full { max-width: 100%; }
.monk-max-height-full { max-height: 100%; }
/*宽高度最小100%*/
.monk-min-width-full { min-width: 100%; }
.monk-min-height-full { min-height: 100%; }
/*四边内边距*/
.monk-padding-all-0 { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; }
.monk-padding-all-2 { padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.monk-padding-all-3 { padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; }
.monk-padding-all-5 { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.monk-padding-all-6 { padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px; }
.monk-padding-all-8 { padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; }
.monk-padding-all-10 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.monk-padding-all-12 { padding-left: 12px; padding-right: 12px; padding-top: 12px; padding-bottom: 12px; }
.monk-padding-all-15 { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.monk-padding-all-18 { padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 18px; }
.monk-padding-all-20 { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
.monk-padding-all-22 { padding-left: 22px; padding-right: 22px; padding-top: 22px; padding-bottom: 22px; }
.monk-padding-all-25 { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px; }
.monk-padding-all-30 { padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; }
/*上下内边距*/
.monk-padding-row-0 { padding-top: 0; padding-bottom: 0; }
.monk-padding-row-2 { padding-top: 2px; padding-bottom: 2px; }
.monk-padding-row-3 { padding-top: 3px; padding-bottom: 3px; }
.monk-padding-row-5 { padding-top: 5px; padding-bottom: 5px; }
.monk-padding-row-6 { padding-top: 6px; padding-bottom: 6px; }
.monk-padding-row-8 { padding-top: 8px; padding-bottom: 8px; }
.monk-padding-row-10 { padding-top: 10px; padding-bottom: 10px; }
.monk-padding-row-12 { padding-top: 12px; padding-bottom: 12px; }
.monk-padding-row-15 { padding-top: 15px; padding-bottom: 15px; }
.monk-padding-row-18 { padding-top: 18px; padding-bottom: 18px; }
.monk-padding-row-20 { padding-top: 20px; padding-bottom: 20px; }
.monk-padding-row-22 { padding-top: 22px; padding-bottom: 22px; }
.monk-padding-row-25 { padding-top: 25px; padding-bottom: 25px; }
.monk-padding-row-30 { padding-top: 30px; padding-bottom: 30px; }
/*左右内边距*/
.monk-padding-col-0 { padding-left: 0; padding-right: 0; }
.monk-padding-col-2 { padding-left: 2px; padding-right: 2px; }
.monk-padding-col-3 { padding-left: 3px; padding-right: 3px; }
.monk-padding-col-5 { padding-left: 5px; padding-right: 5px; }
.monk-padding-col-6 { padding-left: 6px; padding-right: 6px; }
.monk-padding-col-8 { padding-left: 8px; padding-right: 8px; }
.monk-padding-col-10 { padding-left: 10px; padding-right: 10px; }
.monk-padding-col-12 { padding-left: 12px; padding-right: 12px; }
.monk-padding-col-15 { padding-left: 15px; padding-right: 15px; }
.monk-padding-col-18 { padding-left: 18px; padding-right: 18px; }
.monk-padding-col-20 { padding-left: 20px; padding-right: 20px; }
.monk-padding-col-22 { padding-left: 22px; padding-right: 22px; }
.monk-padding-col-25 { padding-left: 25px; padding-right: 25px; }
.monk-padding-col-30 { padding-left: 30px; padding-right: 30px; }
/*左内边距*/
.monk-padding-left-0 { padding-left: 0; }
.monk-padding-left-2 { padding-left: 2px; }
.monk-padding-left-3 { padding-left: 3px; }
.monk-padding-left-5 { padding-left: 5px; }
.monk-padding-left-6 { padding-left: 6px; }
.monk-padding-left-8 { padding-left: 8px; }
.monk-padding-left-10 { padding-left: 10px; }
.monk-padding-left-12 { padding-left: 12px; }
.monk-padding-left-15 { padding-left: 15px; }
.monk-padding-left-18 { padding-left: 18px; }
.monk-padding-left-20 { padding-left: 20px; }
.monk-padding-left-22 { padding-left: 22px; }
.monk-padding-left-25 { padding-left: 25px; }
.monk-padding-left-30 { padding-left: 30px; }
/*右内边距*/
.monk-padding-right-0 { padding-right: 0; }
.monk-padding-right-2 { padding-right: 2px; }
.monk-padding-right-3 { padding-right: 3px; }
.monk-padding-right-5 { padding-right: 5px; }
.monk-padding-right-6 { padding-right: 6px; }
.monk-padding-right-8 { padding-right: 8px; }
.monk-padding-right-10 { padding-right: 10px; }
.monk-padding-right-12 { padding-right: 12px; }
.monk-padding-right-15 { padding-right: 15px; }
.monk-padding-right-18 { padding-right: 18px; }
.monk-padding-right-20 { padding-right: 20px; }
.monk-padding-right-22 { padding-right: 22px; }
.monk-padding-right-25 { padding-right: 25px; }
.monk-padding-right-30 { padding-right: 30px; }
/*上内边距*/
.monk-padding-top-0 { padding-top: 0; }
.monk-padding-top-2 { padding-top: 2px; }
.monk-padding-top-3 { padding-top: 3px; }
.monk-padding-top-5 { padding-top: 5px; }
.monk-padding-top-6 { padding-top: 6px; }
.monk-padding-top-8 { padding-top: 8px; }
.monk-padding-top-10 { padding-top: 10px; }
.monk-padding-top-12 { padding-top: 12px; }
.monk-padding-top-15 { padding-top: 15px; }
.monk-padding-top-18 { padding-top: 18px; }
.monk-padding-top-20 { padding-top: 20px; }
.monk-padding-top-22 { padding-top: 22px; }
.monk-padding-top-25 { padding-top: 25px; }
.monk-padding-top-30 { padding-top: 30px; }
/*下内边距*/
.monk-padding-bottom-0 { padding-bottom: 0; }
.monk-padding-bottom-2 { padding-bottom: 2px; }
.monk-padding-bottom-3 { padding-bottom: 3px; }
.monk-padding-bottom-5 { padding-bottom: 5px; }
.monk-padding-bottom-6 { padding-bottom: 6px; }
.monk-padding-bottom-8 { padding-bottom: 8px; }
.monk-padding-bottom-10 { padding-bottom: 10px; }
.monk-padding-bottom-12 { padding-bottom: 12px; }
.monk-padding-bottom-15 { padding-bottom: 15px; }
.monk-padding-bottom-18 { padding-bottom: 18px; }
.monk-padding-bottom-20 { padding-bottom: 20px; }
.monk-padding-bottom-22 { padding-bottom: 22px; }
.monk-padding-bottom-25 { padding-bottom: 25px; }
.monk-padding-bottom-30 { padding-bottom: 30px; }
/*四边外边距*/
.monk-margin-all-0, .monk-margin-all-0-after:after { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.monk-margin-all-2, .monk-margin-all-2-after:after { margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px; }
.monk-margin-all-3, .monk-margin-all-3-after:after { margin-left: 3px; margin-right: 3px; margin-top: 3px; margin-bottom: 3px; }
.monk-margin-all-5, .monk-margin-all-5-after:after { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }
.monk-margin-all-6, .monk-margin-all-6-after:after { margin-left: 6px; margin-right: 6px; margin-top: 6px; margin-bottom: 6px; }
.monk-margin-all-8, .monk-margin-all-8-after:after { margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; }
.monk-margin-all-10, .monk-margin-all-10-after:after { margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.monk-margin-all-12, .monk-margin-all-12-after:after { margin-left: 12px; margin-right: 12px; margin-top: 12px; margin-bottom: 12px; }
.monk-margin-all-15, .monk-margin-all-15-after:after { margin-left: 15px; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; }
.monk-margin-all-18, .monk-margin-all-18-after:after { margin-left: 18px; margin-right: 18px; margin-top: 18px; margin-bottom: 18px; }
.monk-margin-all-20, .monk-margin-all-20-after:after { margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; }
.monk-margin-all-22, .monk-margin-all-22-after:after { margin-left: 22px; margin-right: 22px; margin-top: 22px; margin-bottom: 22px; }
.monk-margin-all-25, .monk-margin-all-25-after:after { margin-left: 25px; margin-right: 25px; margin-top: 25px; margin-bottom: 25px; }
.monk-margin-all-30, .monk-margin-all-30-after:after { margin-left: 30px; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; }
/*上下外边距*/
.monk-margin-row-0, .monk-margin-row-0-after:after { margin-top: 0; margin-bottom: 0; }
.monk-margin-row-2, .monk-margin-row-2-after:after { margin-top: 2px; margin-bottom: 2px; }
.monk-margin-row-3, .monk-margin-row-3-after:after { margin-top: 3px; margin-bottom: 3px; }
.monk-margin-row-5, .monk-margin-row-5-after:after { margin-top: 5px; margin-bottom: 5px; }
.monk-margin-row-6, .monk-margin-row-6-after:after { margin-top: 6px; margin-bottom: 6px; }
.monk-margin-row-8, .monk-margin-row-8-after:after { margin-top: 8px; margin-bottom: 8px; }
.monk-margin-row-10, .monk-margin-row-10-after:after { margin-top: 10px; margin-bottom: 10px; }
.monk-margin-row-12, .monk-margin-row-12-after:after { margin-top: 12px; margin-bottom: 12px; }
.monk-margin-row-15, .monk-margin-row-15-after:after { margin-top: 15px; margin-bottom: 15px; }
.monk-margin-row-18, .monk-margin-row-18-after:after { margin-top: 18px; margin-bottom: 18px; }
.monk-margin-row-20, .monk-margin-row-20-after:after { margin-top: 20px; margin-bottom: 20px; }
.monk-margin-row-22, .monk-margin-row-22-after:after { margin-top: 22px; margin-bottom: 22px; }
.monk-margin-row-25, .monk-margin-row-25-after:after { margin-top: 25px; margin-bottom: 25px; }
.monk-margin-row-30, .monk-margin-row-30-after:after { margin-top: 30px; margin-bottom: 30px; }
/*左右外边距*/
.monk-margin-col-0, .monk-margin-col-0-after:after { margin-left: 0; margin-right: 0; }
.monk-margin-col-2, .monk-margin-col-2-after:after { margin-left: 2px; margin-right: 2px; }
.monk-margin-col-3, .monk-margin-col-3-after:after { margin-left: 3px; margin-right: 3px; }
.monk-margin-col-5, .monk-margin-col-5-after:after { margin-left: 5px; margin-right: 5px; }
.monk-margin-col-6, .monk-margin-col-6-after:after { margin-left: 6px; margin-right: 6px; }
.monk-margin-col-8, .monk-margin-col-8-after:after { margin-left: 8px; margin-right: 8px; }
.monk-margin-col-10, .monk-margin-col-10-after:after { margin-left: 10px; margin-right: 10px; }
.monk-margin-col-12, .monk-margin-col-12-after:after { margin-left: 12px; margin-right: 12px; }
.monk-margin-col-15, .monk-margin-col-15-after:after { margin-left: 15px; margin-right: 15px; }
.monk-margin-col-18, .monk-margin-col-18-after:after { margin-left: 18px; margin-right: 18px; }
.monk-margin-col-20, .monk-margin-col-20-after:after { margin-left: 20px; margin-right: 20px; }
.monk-margin-col-22, .monk-margin-col-22-after:after { margin-left: 22px; margin-right: 22px; }
.monk-margin-col-25, .monk-margin-col-25-after:after { margin-left: 25px; margin-right: 25px; }
.monk-margin-col-30, .monk-margin-col-30-after:after { margin-left: 30px; margin-right: 30px; }
.monk-margin-col-auto, .monk-margin-col-auto-after:after { margin-left: auto; margin-right: auto; }
/*左外边距*/
.monk-margin-left-0, .monk-margin-left-0-after:after { margin-left: 0; }
.monk-margin-left-2, .monk-margin-left-2-after:after { margin-left: 2px; }
.monk-margin-left-3, .monk-margin-left-3-after:after { margin-left: 3px; }
.monk-margin-left-5, .monk-margin-left-5-after:after { margin-left: 5px; }
.monk-margin-left-6, .monk-margin-left-6-after:after { margin-left: 6px; }
.monk-margin-left-8, .monk-margin-left-8-after:after { margin-left: 8px; }
.monk-margin-left-10, .monk-margin-left-10-after:after { margin-left: 10px; }
.monk-margin-left-12, .monk-margin-left-12-after:after { margin-left: 12px; }
.monk-margin-left-15, .monk-margin-left-15-after:after { margin-left: 15px; }
.monk-margin-left-18, .monk-margin-left-18-after:after { margin-left: 18px; }
.monk-margin-left-20, .monk-margin-left-20-after:after { margin-left: 20px; }
.monk-margin-left-22, .monk-margin-left-22-after:after { margin-left: 22px; }
.monk-margin-left-25, .monk-margin-left-25-after:after { margin-left: 25px; }
.monk-margin-left-30, .monk-margin-left-30-after:after { margin-left: 30px; }
/*右外边距*/
.monk-margin-right-0, .monk-margin-right-0-after:after { margin-right: 0; }
.monk-margin-right-2, .monk-margin-right-2-after:after { margin-right: 2px; }
.monk-margin-right-3, .monk-margin-right-3-after:after { margin-right: 3px; }
.monk-margin-right-5, .monk-margin-right-5-after:after { margin-right: 5px; }
.monk-margin-right-6, .monk-margin-right-6-after:after { margin-right: 6px; }
.monk-margin-right-8, .monk-margin-right-8-after:after { margin-right: 8px; }
.monk-margin-right-10, .monk-margin-right-10-after:after { margin-right: 10px; }
.monk-margin-right-12, .monk-margin-right-12-after:after { margin-right: 12px; }
.monk-margin-right-15, .monk-margin-right-15-after:after { margin-right: 15px; }
.monk-margin-right-18, .monk-margin-right-18-after:after { margin-right: 18px; }
.monk-margin-right-20, .monk-margin-right-20-after:after { margin-right: 20px; }
.monk-margin-right-22, .monk-margin-right-22-after:after { margin-right: 22px; }
.monk-margin-right-25, .monk-margin-right-25-after:after { margin-right: 25px; }
.monk-margin-right-30, .monk-margin-right-30-after:after { margin-right: 30px; }
/*上内边距*/
.monk-margin-top-0, .monk-margin-top-0-after:after { margin-top: 0; }
.monk-margin-top-2, .monk-margin-top-2-after:after { margin-top: 2px; }
.monk-margin-top-3, .monk-margin-top-3-after:after { margin-top: 3px; }
.monk-margin-top-5, .monk-margin-top-5-after:after { margin-top: 5px; }
.monk-margin-top-6, .monk-margin-top-6-after:after { margin-top: 6px; }
.monk-margin-top-8, .monk-margin-top-8-after:after { margin-top: 8px; }
.monk-margin-top-10, .monk-margin-top-10-after:after { margin-top: 10px; }
.monk-margin-top-12, .monk-margin-top-12-after:after { margin-top: 12px; }
.monk-margin-top-15, .monk-margin-top-15-after:after { margin-top: 15px; }
.monk-margin-top-18, .monk-margin-top-18-after:after { margin-top: 18px; }
.monk-margin-top-20, .monk-margin-top-20-after:after { margin-top: 20px; }
.monk-margin-top-22, .monk-margin-top-22-after:after { margin-top: 22px; }
.monk-margin-top-25, .monk-margin-top-25-after:after { margin-top: 25px; }
.monk-margin-top-30, .monk-margin-top-30-after:after { margin-top: 30px; }
/*下内边距*/
.monk-margin-bottom-0, .monk-margin-bottom-0-after:after { margin-bottom: 0; }
.monk-margin-bottom-2, .monk-margin-bottom-2-after:after { margin-bottom: 2px; }
.monk-margin-bottom-3, .monk-margin-bottom-3-after:after { margin-bottom: 3px; }
.monk-margin-bottom-5, .monk-margin-bottom-5-after:after { margin-bottom: 5px; }
.monk-margin-bottom-6, .monk-margin-bottom-6-after:after { margin-bottom: 6px; }
.monk-margin-bottom-8, .monk-margin-bottom-8-after:after { margin-bottom: 8px; }
.monk-margin-bottom-10, .monk-margin-bottom-10-after:after { margin-bottom: 10px; }
.monk-margin-bottom-12, .monk-margin-bottom-12-after:after { margin-bottom: 12px; }
.monk-margin-bottom-15, .monk-margin-bottom-15-after:after { margin-bottom: 15px; }
.monk-margin-bottom-18, .monk-margin-bottom-18-after:after { margin-bottom: 18px; }
.monk-margin-bottom-20, .monk-margin-bottom-20-after:after { margin-bottom: 20px; }
.monk-margin-bottom-22, .monk-margin-bottom-22-after:after { margin-bottom: 22px; }
.monk-margin-bottom-25, .monk-margin-bottom-25-after:after { margin-bottom: 25px; }
.monk-margin-bottom-30, .monk-margin-bottom-30-after:after { margin-bottom: 30px; }
/*定位四边边距*/
.monk-offset-all-0, .monk-offset-all-0-after:after { left: 0; right: 0; top: 0; bottom: 0; }
.monk-offset-all-1, .monk-offset-all-1-after:after { left: 1px; right: 1px; top: 1px; bottom: 1px; }
.monk-offset-all-2, .monk-offset-all-2-after:after { left: 2px; right: 2px; top: 2px; bottom: 2px; }
.monk-offset-all-3, .monk-offset-all-3-after:after { left: 3px; right: 3px; top: 3px; bottom: 3px; }
.monk-offset-all-5, .monk-offset-all-5-after:after { left: 5px; right: 5px; top: 5px; bottom: 5px; }
.monk-offset-all-6, .monk-offset-all-6-after:after { left: 6px; right: 6px; top: 6px; bottom: 6px; }
.monk-offset-all-8, .monk-offset-all-8-after:after { left: 8px; right: 8px; top: 8px; bottom: 8px; }
.monk-offset-all-10, .monk-offset-all-10-after:after { left: 10px; right: 10px; top: 10px; bottom: 10px; }
.monk-offset-all-12, .monk-offset-all-12-after:after { left: 12px; right: 12px; top: 12px; bottom: 12px; }
.monk-offset-all-15, .monk-offset-all-15-after:after { left: 15px; right: 15px; top: 15px; bottom: 15px; }
.monk-offset-all-18, .monk-offset-all-18-after:after { left: 18px; right: 18px; top: 18px; bottom: 18px; }
.monk-offset-all-20, .monk-offset-all-20-after:after { left: 20px; right: 20px; top: 20px; bottom: 20px; }
.monk-offset-all-22, .monk-offset-all-22-after:after { left: 22px; right: 22px; top: 22px; bottom: 22px; }
.monk-offset-all-25, .monk-offset-all-25-after:after { left: 25px; right: 25px; top: 25px; bottom: 25px; }
.monk-offset-all-30, .monk-offset-all-30-after:after { left: 30px; right: 30px; top: 25px; bottom: 30px; }
/*定位上下外边距*/
.monk-offset-row-0, .monk-offset-row-0-after:after { top: 0; bottom: 0; }
.monk-offset-row-1, .monk-offset-row-1-after:after { top: 1px; bottom: 1px; }
.monk-offset-row-2, .monk-offset-row-2-after:after { top: 2px; bottom: 2px; }
.monk-offset-row-3, .monk-offset-row-3-after:after { top: 3px; bottom: 3px; }
.monk-offset-row-5, .monk-offset-row-5-after:after { top: 5px; bottom: 5px; }
.monk-offset-row-6, .monk-offset-row-6-after:after { top: 6px; bottom: 6px; }
.monk-offset-row-8, .monk-offset-row-8-after:after { top: 8px; bottom: 8px; }
.monk-offset-row-10, .monk-offset-row-10-after:after { top: 10px; bottom: 10px; }
.monk-offset-row-12, .monk-offset-row-12-after:after { top: 12px; bottom: 12px; }
.monk-offset-row-15, .monk-offset-row-15-after:after { top: 15px; bottom: 15px; }
.monk-offset-row-18, .monk-offset-row-18-after:after { top: 18px; bottom: 18px; }
.monk-offset-row-20, .monk-offset-row-20-after:after { top: 20px; bottom: 20px; }
.monk-offset-row-22, .monk-offset-row-22-after:after { top: 22px; bottom: 22px; }
.monk-offset-row-25, .monk-offset-row-25-after:after { top: 25px; bottom: 25px; }
.monk-offset-row-30, .monk-offset-row-30-after:after { top: 30px; bottom: 30px; }
/*定位左右外边距*/
.monk-offset-col-0, .monk-offset-col-0-after:after { left: 0; right: 0; }
.monk-offset-col-1, .monk-offset-col-1-after:after { left: 1px; right: 1px; }
.monk-offset-col-2, .monk-offset-col-2-after:after { left: 2px; right: 2px; }
.monk-offset-col-3, .monk-offset-col-3-after:after { left: 3px; right: 3px; }
.monk-offset-col-5, .monk-offset-col-5-after:after { left: 5px; right: 5px; }
.monk-offset-col-6, .monk-offset-col-6-after:after { left: 6px; right: 6px; }
.monk-offset-col-8, .monk-offset-col-8-after:after { left: 8px; right: 8px; }
.monk-offset-col-10, .monk-offset-col-10-after:after { left: 10px; right: 10px; }
.monk-offset-col-12, .monk-offset-col-12-after:after { left: 12px; right: 12px; }
.monk-offset-col-15, .monk-offset-col-15-after:after { left: 15px; right: 15px; }
.monk-offset-col-18, .monk-offset-col-18-after:after { left: 18px; right: 18px; }
.monk-offset-col-20, .monk-offset-col-20-after:after { left: 20px; right: 20px; }
.monk-offset-col-22, .monk-offset-col-22-after:after { left: 22px; right: 22px; }
.monk-offset-col-25, .monk-offset-col-25-after:after { left: 25px; right: 25px; }
.monk-offset-col-30, .monk-offset-col-30-after:after { left: 30px; right: 30px; }
/*定位左边距*/
.monk-offset-left-0, .monk-offset-left-0-after:after { left: 0; }
.monk-offset-left-1, .monk-offset-left-1-after:after { left: 1px; }
.monk-offset-left-2, .monk-offset-left-2-after:after { left: 2px; }
.monk-offset-left-3, .monk-offset-left-3-after:after { left: 3px; }
.monk-offset-left-5, .monk-offset-left-5-after:after { left: 5px; }
.monk-offset-left-6, .monk-offset-left-6-after:after { left: 6px; }
.monk-offset-left-8, .monk-offset-left-8-after:after { left: 8px; }
.monk-offset-left-10, .monk-offset-left-10-after:after { left: 10px; }
.monk-offset-left-12, .monk-offset-left-12-after:after { left: 12px; }
.monk-offset-left-15, .monk-offset-left-15-after:after { left: 15px; }
.monk-offset-left-18, .monk-offset-left-18-after:after { left: 18px; }
.monk-offset-left-20, .monk-offset-left-20-after:after { left: 20px; }
.monk-offset-left-22, .monk-offset-left-22-after:after { left: 22px; }
.monk-offset-left-25, .monk-offset-left-25-after:after { left: 25px; }
.monk-offset-left-30, .monk-offset-left-30-after:after { left: 30px; }
/*定位右边距*/
.monk-offset-right-0, .monk-offset-right-0-after:after { right: 0; }
.monk-offset-right-1, .monk-offset-right-1-after:after { right: 1px; }
.monk-offset-right-2, .monk-offset-right-2-after:after { right: 2px; }
.monk-offset-right-3, .monk-offset-right-3-after:after { right: 3px; }
.monk-offset-right-5, .monk-offset-right-5-after:after { right: 5px; }
.monk-offset-right-6, .monk-offset-right-6-after:after { right: 6px; }
.monk-offset-right-8, .monk-offset-right-8-after:after { right: 8px; }
.monk-offset-right-10, .monk-offset-right-10-after:after { right: 10px; }
.monk-offset-right-12, .monk-offset-right-12-after:after { right: 12px; }
.monk-offset-right-15, .monk-offset-right-15-after:after { right: 15px; }
.monk-offset-right-18, .monk-offset-right-18-after:after { right: 18px; }
.monk-offset-right-20, .monk-offset-right-20-after:after { right: 20px; }
.monk-offset-right-22, .monk-offset-right-22-after:after { right: 22px; }
.monk-offset-right-25, .monk-offset-right-25-after:after { right: 25px; }
.monk-offset-right-30, .monk-offset-right-30-after:after { right: 30px; }
/*定位上边距*/
.monk-offset-top-0, .monk-offset-top-0-after:after { top: 0; }
.monk-offset-top-1, .monk-offset-top-1-after:after { top: 1px; }
.monk-offset-top-2, .monk-offset-top-2-after:after { top: 2px; }
.monk-offset-top-3, .monk-offset-top-3-after:after { top: 3px; }
.monk-offset-top-5, .monk-offset-top-5-after:after { top: 5px; }
.monk-offset-top-6, .monk-offset-top-6-after:after { top: 6px; }
.monk-offset-top-8, .monk-offset-top-8-after:after { top: 8px; }
.monk-offset-top-10, .monk-offset-top-10-after:after { top: 10px; }
.monk-offset-top-12, .monk-offset-top-12-after:after { top: 12px; }
.monk-offset-top-15, .monk-offset-top-15-after:after { top: 15px; }
.monk-offset-top-18, .monk-offset-top-18-after:after { top: 18px; }
.monk-offset-top-20, .monk-offset-top-20-after:after { top: 20px; }
.monk-offset-top-22, .monk-offset-top-22-after:after { top: 22px; }
.monk-offset-top-25, .monk-offset-top-25-after:after { top: 25px; }
.monk-offset-top-30, .monk-offset-top-30-after:after { top: 30px; }
/*定位下边距*/
.monk-offset-bottom-0, .monk-offset-bottom-0-after:after { bottom: 0; }
.monk-offset-bottom-1, .monk-offset-bottom-1-after:after { bottom: 1px; }
.monk-offset-bottom-2, .monk-offset-bottom-2-after:after { bottom: 2px; }
.monk-offset-bottom-3, .monk-offset-bottom-3-after:after { bottom: 3px; }
.monk-offset-bottom-5, .monk-offset-bottom-5-after:after { bottom: 5px; }
.monk-offset-bottom-6, .monk-offset-bottom-6-after:after { bottom: 6px; }
.monk-offset-bottom-8, .monk-offset-bottom-8-after:after { bottom: 8px; }
.monk-offset-bottom-10, .monk-offset-bottom-10-after:after { bottom: 10px; }
.monk-offset-bottom-12, .monk-offset-bottom-12-after:after { bottom: 12px; }
.monk-offset-bottom-15, .monk-offset-bottom-15-after:after { bottom: 15px; }
.monk-offset-bottom-18, .monk-offset-bottom-18-after:after { bottom: 18px; }
.monk-offset-bottom-20, .monk-offset-bottom-20-after:after { bottom: 20px; }
.monk-offset-bottom-22, .monk-offset-bottom-22-after:after { bottom: 22px; }
.monk-offset-bottom-25, .monk-offset-bottom-25-after:after { bottom: 25px; }
.monk-offset-bottom-30, .monk-offset-bottom-30-after:after { bottom: 30px; }
/*圆形*/
.monk-circle, .monk-circle-after:after { border-radius: 50% 50% 50% 50%; }
.monk-left-circle, .monk-left-circle-after:after { border-top-left-radius: 50%; border-bottom-left-radius: 50%; }
.monk-right-circle, .monk-right-circle-after:after { border-top-right-radius: 50%; border-bottom-right-radius: 50%; }
.monk-top-circle, .monk-top-circle-after:after { border-top-left-radius: 50%; border-top-right-radius: 50%; }
.monk-bottom-circle, .monk-bottom-circle-after:after { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
.monk-top-left-circle, .monk-top-left-circle-after:after { border-top-left-radius: 50%; }
.monk-top-right-circle, .monk-top-right-circle-after:after { border-top-right-radius: 50%; }
.monk-bottom-left-circle, .monk-bottom-left-circle-after:after { border-bottom-left-radius: 50%; }
.monk-bottom-right-circle, .monk-bottom-right-circle-after:after { border-bottom-right-radius: 50%; }
/*四边圆角*/
.monk-border-radius-0, .monk-border-radius-0-after:after { border-radius: 0 0 0 0; }
.monk-border-radius-2, .monk-border-radius-2-after:after { border-radius: 2px 2px 2px 2px; }
.monk-border-radius-3, .monk-border-radius-3-after:after { border-radius: 3px 3px 3px 3px; }
.monk-border-radius-5, .monk-border-radius-5-after:after { border-radius: 5px 5px 5px 5px; }
.monk-border-radius-6, .monk-border-radius-6-after:after { border-radius: 6px 6px 6px 6px; }
.monk-border-radius-8, .monk-border-radius-8-after:after { border-radius: 8px 8px 8px 8px; }
.monk-border-radius-9, .monk-border-radius-9-after:after { border-radius: 9px 9px 9px 9px; }
.monk-border-radius-10, .monk-border-radius-10-after:after { border-radius: 10px 10px 10px 10px; }
.monk-border-radius-12, .monk-border-radius-12-after:after { border-radius: 12px 12px 12px 12px; }
.monk-border-radius-15, .monk-border-radius-15-after:after { border-radius: 15px 15px 15px 15px; }
.monk-border-radius-18, .monk-border-radius-18-after:after { border-radius: 18px 18px 18px 18px; }
.monk-border-radius-20, .monk-border-radius-20-after:after { border-radius: 20px 20px 20px 20px; }
/*左边圆角*/
.monk-border-radius-left-0, .monk-border-radius-left-0-after:after { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.monk-border-radius-left-2, .monk-border-radius-left-2-after:after { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.monk-border-radius-left-3, .monk-border-radius-left-3-after:after { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.monk-border-radius-left-5, .monk-border-radius-left-5-after:after { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.monk-border-radius-left-6, .monk-border-radius-left-6-after:after { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.monk-border-radius-left-8, .monk-border-radius-left-8-after:after { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.monk-border-radius-left-9, .monk-border-radius-left-9-after:after { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
.monk-border-radius-left-10, .monk-border-radius-left-10-after:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.monk-border-radius-left-12, .monk-border-radius-left-12-after:after { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.monk-border-radius-left-15, .monk-border-radius-left-15-after:after { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.monk-border-radius-left-18, .monk-border-radius-left-18-after:after { border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
.monk-border-radius-left-20, .monk-border-radius-left-20-after:after { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
/*右边圆角*/
.monk-border-radius-right-0, .monk-border-radius-right-0-after:after { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.monk-border-radius-right-2, .monk-border-radius-right-2-after:after { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.monk-border-radius-right-3, .monk-border-radius-right-3-after:after { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.monk-border-radius-right-5, .monk-border-radius-right-5-after:after { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.monk-border-radius-right-6, .monk-border-radius-right-6-after:after { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.monk-border-radius-right-8, .monk-border-radius-right-8-after:after { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.monk-border-radius-right-9, .monk-border-radius-right-9-after:after { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
.monk-border-radius-right-10, .monk-border-radius-right-10-after:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.monk-border-radius-right-12, .monk-border-radius-right-12-after:after { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.monk-border-radius-right-15, .monk-border-radius-right-15-after:after { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.monk-border-radius-right-18, .monk-border-radius-right-18-after:after { border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
.monk-border-radius-right-20, .monk-border-radius-right-20-after:after { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
/*上边圆角*/
.monk-border-radius-top-0, .monk-border-radius-top-0-after:after { border-top-left-radius: 0; border-top-right-radius: 0; }
.monk-border-radius-top-2, .monk-border-radius-top-2-after:after { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.monk-border-radius-top-3, .monk-border-radius-top-3-after:after { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.monk-border-radius-top-5, .monk-border-radius-top-5-after:after { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.monk-border-radius-top-6, .monk-border-radius-top-6-after:after { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.monk-border-radius-top-8, .monk-border-radius-top-8-after:after { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.monk-border-radius-top-9, .monk-border-radius-top-9-after:after { border-top-left-radius: 9px; border-top-right-radius: 9px; }
.monk-border-radius-top-10, .monk-border-radius-top-10-after:after { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.monk-border-radius-top-12, .monk-border-radius-top-12-after:after { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.monk-border-radius-top-15, .monk-border-radius-top-15-after:after { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.monk-border-radius-top-18, .monk-border-radius-top-18-after:after { border-top-left-radius: 18px; border-top-right-radius: 18px; }
.monk-border-radius-top-20, .monk-border-radius-top-20-after:after { border-top-left-radius: 20px; border-top-right-radius: 20px; }
/*下边圆角*/
.monk-border-radius-bottom-0, .monk-border-radius-bottom-0-after:after { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.monk-border-radius-bottom-2, .monk-border-radius-bottom-2-after:after { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.monk-border-radius-bottom-3, .monk-border-radius-bottom-3-after:after { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.monk-border-radius-bottom-5, .monk-border-radius-bottom-5-after:after { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.monk-border-radius-bottom-6, .monk-border-radius-bottom-6-after:after { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.monk-border-radius-bottom-8, .monk-border-radius-bottom-8-after:after { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.monk-border-radius-bottom-9, .monk-border-radius-bottom-9-after:after { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
.monk-border-radius-bottom-10, .monk-border-radius-bottom-10-after:after { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.monk-border-radius-bottom-12, .monk-border-radius-bottom-12-after:after { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.monk-border-radius-bottom-15, .monk-border-radius-bottom-15-after:after { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.monk-border-radius-bottom-18, .monk-border-radius-bottom-18-after:after { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }
.monk-border-radius-bottom-20, .monk-border-radius-bottom-20-after:after { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
/* 字体加粗 */
.monk-font-weight-bold { font-weight: bold; }
.monk-font-weight-400 { font-weight: 400; }
.monk-font-weight-500 { font-weight: 500; }
.monk-font-weight-600 { font-weight: 600; }
.monk-font-weight-700 { font-weight: 700; }
.monk-font-weight-800 { font-weight: 800; }
.monk-font-weight-normal { font-weight: normal; }
/*定位层叠*/
.monk-zIndex-minus { z-index: -1; }
.monk-zIndex-0 { z-index: 0; }
.monk-zIndex-1 { z-index: 0; }
.monk-zIndex-2 { z-index: 0; }
.monk-zIndex-3 { z-index: 0; }
.monk-zIndex-4 { z-index: 1; }
.monk-zIndex-5 { z-index: 5; }
.monk-zIndex-10 { z-index: 10; }
.monk-zIndex-100 { z-index: 100; }
.monk-zIndex-200 { z-index: 200; }
.monk-zIndex-1000 { z-index: 1000; }
.monk-zIndex-10000 { z-index: 10000; }
.monk-zIndex-100000 { z-index: 100000; }
.monk-zIndex-1000000 { z-index: 1000000; }
.monk-zIndex-10000000 { z-index: 10000000; }
/*取消内外边框*/
.monk-border-none, .monk-border-none-after:after { border: none; }
.monk-outline-none, .monk-outline-none-after:after { outline: none; }
.monk-border-outline-none, .monk-border-outline-none-after:after { border: none; outline: none; }
